@charset "utf-8";
/* CSS Document */

/*0.GENERAL*/
/*1.HEADER*/
/*2.MENU*/
/*3.REGISTER*/
/*4.BOUTON*/
/*5.SLIDER*/
/*6.CONTENT*/
/*7.FOOTER*/

/* ======================================================================================================
					0. GENERAL TYPOGRAPHY 
=======================================================================================================*/

/* ================= 1. CSS Reset ================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {margin:0;padding:0;border:0;outline:0;font-family: Tahoma, sans-serif;}
strong, b {font-weight:bold;}
em, dfn, i {font-style:italic;}

/* ================= 2. General tags ================= */
body {font-size:11px;}
h1,h2,h3,h4,h5,h6 {font-family: "Open Sans", sans-serif;padding:0 0 10px 0;font-weight:600;}
a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none;}
a {color:#3f8312;}
a:hover {text-decoration:underline;}
pre {white-space:pre;overflow:auto;padding:20px;}
code {font-family:Tahoma,Geneva,Arial,sans-serif;white-space:pre;overflow:auto;padding:14px;color:#4d4d4d;background:#f6f6f6;display:block;border:1px solid #ddd;font-size:11px;line-height:15px;}
code strong {color:#000;}
p {color:#4d4d4d;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;text-align:justify;}
::selection {background: #484bd2;color:#FFFFFF;}
::-moz-selection {background: #484bd2;color:#FFFFFF;}

/* ================= 3. Headers ================= */
h1 {font-size:25px;color:#3132b7;}
h2 {font-size:22px;color:#3132b7;}
h3 {font-size:19px;color:#3132b7;}
h4 {font-size:16px;color:#3132b7;}
h5 {font-size:14px;color:#3132b7;}
h6 {font-size:12px;color:#3132b7;}

/* ================= 4. List Styles ================= */
ul {list-style:none;margin-bottom:0;margin-top:0;}
ol {margin-bottom:0;margin-top:0;}
ol, ol li{list-style:decimal outside;}

/* ================= 5. Images ================= */
img.left_align {float:left;margin:10px 16px 10px 0;}
img.center_align {display:block;margin-left:auto;margin-right:auto;}
img.right_align {float:right;margin:5px 0px 5px 11px;}

/* ================= 6. Tables ================= */
table {border-collapse:separate;border-spacing:0;width:100%;padding:0;}
table thead td {background:#dddddd;height:30px;color:#262626;font-family: "Open Sans", sans-serif;font-size:12px;font-weight:normal;text-align:center;}
table td {vertical-align:middle;padding:0;height:29px;color:#4d4d4d;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;font-weight:normal;text-align:center;}
table tr.grey {background:#f2f2f2;}

/* ================= 7. Forms ================= */
input, textarea {border:1px solid #cccccc;padding:7px 10px 7px 10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#000000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

/* ================= 7. Deviders ================= */
.clear {content:".";display:block;clear:both;height:0;visibility:hidden;}
.padding3 {padding-top:3px;font-size:0;line-height:0;}
.padding5 {padding-top:5px;font-size:0;line-height:0;}
.padding10 {padding-top:10px;font-size:0;line-height:0;}
.padding12 {padding-top:12px;font-size:0;line-height:0;}
.padding15 {padding-top:15px;font-size:0;line-height:0;}
.padding17 {padding-top:17px;font-size:0;line-height:0;}
.padding20 {padding-top:20px;font-size:0;line-height:0;}
.padding25 {padding-top:25px;font-size:0;line-height:0;}
.padding30 {padding-top:30px;font-size:0;line-height:0;}
.padding40 {padding-top:40px;font-size:0;line-height:0;}
.padding50 {padding-top:50px;font-size:0;line-height:0;}
.padding60 {padding-top:60px;font-size:0;line-height:0;}
.padding80 {padding-top:80px;font-size:0;line-height:0;}
.none {display:none;}
.line {font-size:0px;border-top:1px solid #e6e6e6;}	

/* -------------------------------------------------------------------------------------------------------------------------------- */

/* ================= 1. HEADER ================= */

.header_bg {
	background:url("../images/header_bg.png") repeat-x;
	} 
.header {
	margin:0 auto;
	width:940px;
	height:101px;
	position:relative;
	z-index:99999999;
	}
.header .logo {
	width:248px;
	height:101px;
	float:left;
	position:relative;
	left:-1150px;
	z-index:999;
	}
	
	
/* ================= 2. MENU ================= */

.header .menu {
	position:relative;
	top:-150px;z-index:
	999;width:692px;
	height:101px;
	float:left;
	}
	
.header .menu ul{
	list-style: none;
	padding:40px 0 0 52px;
	z-index: 9999;
	}
	
.header .menu ul li{
	float:left;
	position:relative;
	display:block;
	margin:0 4px 0 0;
	padding:0;
	list-style:none;
	z-index: 9999;
	}
	
.header .menu ul li a {
	display:block;
	text-decoration:none;
	float:left;
	cursor:pointer;
	z-index: 9999;
	position: relative;
	}
	
.header .menu ul li a span {
	padding:0 25px 0 14px;
	display: block;
	height:40px;
	line-height:30px;
	float:left;
	position: relative;
	margin-left:14px;
	cursor:pointer;
	font-size:11px;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-weight:normal;
	z-index: 9999;
	color:#aeb2b9;
	text-shadow:0 -1px 0 #000;
	}
	
.header .menu ul li a:hover, .header .menu>ul>li:hover>a {
	background:url("../images/menu_bg_left.png") top left no-repeat;
	}
	
.header .menu ul li a:hover span, .header .menu>ul>li:hover>a span {
	color:#FFF;
	text-shadow:0 -1px 0 #000;
	}
	
.header .menu ul li a.current {
	background:url("../images/menu_bg_left.png") top left no-repeat;
	}
	
.header .menu ul li a.current span {
	background:url("../images/menu_bg_right.png") top right no-repeat;
	color:#FFF;
	text-shadow:0 -1px 0 #000;
	}
	
.header .menu ul li a:hover span, .header .menu ul li.current a span, .header .menu>ul>li:hover>a span {
	background:url("../images/menu_bg_right.png") top right no-repeat;
	}
	
.header .menu li.parent:hover a {
	background:url("../images/menu_bg2_left.png") top left no-repeat;
	}
	
.header .menu li.parent:hover a span {
	background:url("../images/menu_bg2_right.png") top right no-repeat;
	}
	
.header .menu ul li:hover li a {
	display:block;
	}
	
.header .menu ul li ul {
	position: absolute;
	display:none;
	top:33px;
	left:0px;
	width:200px;
	padding:0 0 0 0;
	z-index:9;
	}
	
.header .menu ul li ul li {
	border:none;
	background:url("../images/submenu_bg.png") 0 0;
	z-index:9;
	}
	
.header .menu ul li ul li a {
	font-size:11px;
	margin:0;
	display: block;
	height:auto;
	clear:both;
	float:left;
	padding:0;
	z-index:9;
	}
	
.header .menu ul li li a:hover,.header .menu ul li li a {
	display: block;
	font-weight: normal;
	z-index: 9;
	}
	
.header .menu ul li li a:hover span, .header .menu ul li li a span {
	display: block;
	font-weight: normal;
	display:block;
	height: auto;
	padding:10px 5px 10px 40px;
	width:155px;
	margin:0;
	line-height:18px;
	color:#7f8590;
	text-shadow:0 -1px 0 #000;
	}
	
.header .menu li:hover ul li a:hover {	
	background:url("../images/submenu_bg_hover.png") 0 0;
	}
	
.header .menu li:hover ul li a:hover span {
	color:#FFF;
	text-shadow:0 -1px 0 #000;
	}
	
.header .menu li:hover ul li.first {
	padding:8px 0 0 0;
	background:url("../images/submenu_bg_first.png") right top no-repeat;
	}
	
.header .menu li:hover ul li.first a:hover {}

.header .menu li:hover ul li.last {
	padding:0 0 8px 0;
	background:url("../images/submenu_bg_last.png") left bottom no-repeat;
	border-bottom:none;
	}
	
.header .menu li:hover ul li.last a:hover {}

.header .menu li.parent:hover ul a span {	
	background:url("../images/menu_arrow.png") 20px 15px no-repeat;
	}
	
.header .menu li.parent:hover ul li.parent a span {
	background:url("../images/menu_arrow.png") 20px 15px no-repeat;
	}
	
.header .menu li:hover ul a, .header .menu li.parent:hover ul a {
	background:none;
	}
	
/* ================= 3. REGISTER ================= */
	
	
.register_box_absolute {
	width:203px;
	height:239px;
	position:absolute;
	z-index:9999999999;
	right:0;
	top:-211px;
	}
	
.register_box {
	position:relative;
	z-index:9999999999;
	background:url("../images/register_header_bg.png") no-repeat;
	width:203px;
	height:194px;
	width:177px;
	padding:17px 11px 0 13px;
	color:#999da6;
	}
	
.register_box .input_text {
	background:url("../images/register_user.png") no-repeat;
	width:147px;
	height:19px;
	margin:0;
	color:#66667b;
	border:0;
	padding:7px 23px 5px 3px;
	}
	
.register_box .input_password {
	background:url("../images/register_password.png") no-repeat;
	width:147px;
	height:19px;
	margin:0;
	color:#66667b;
	border:0;
	padding:7px 23px 5px 3px;
	}
	
.register_box .sign_in {
	color:#9aa0a9;
	width:174px;
	margin:5px 0;
	font-family:Tahoma;
	font-size:12px;
	}
	
.register_box .line {
	border-top:1px solid #000;
	border-bottom:1px solid #2f2f3b;
	font-size:0;
	line-height:0;
	width:174px;
	margin:5px 0 10px 0;
	}
	
.register_box .left {
	width:120px;
	float:left;
	padding-top:0;
	}
	
.register_box .right {
	width:50px;
	float:left;
	padding-top:0;
	}
	
.register_box .divider {
	font-size:0;
	margin:9px 0 0 0;
	clear:both;
	font-size:0;
	line-height:0;
	}
	
.register_box .divider2 {
	font-size:0;
	margin:8px 0 0 0;
	clear:both;
	font-size:0;
	line-height:0;
	}
	
.register_box .divider3 {
	font-size:0;
	margin:12px 0 0 0;
	clear:both;
	font-size:0;
	line-height:0;
	}
	
.register_box .clear {
	font-size:0;
	clear:both;
	font-size:0;
	line-height:0;
	}
	
.register_box_bottom {
	background:url("../images/register_header_close.png") no-repeat top;
	width:76px;
	height:28px;
	right:0;
	position:absolute;
	color:#9aa0a9;
	font-size:12px;
	font-family:Tahoma;
	cursor:pointer;
	}
	
.register_box  a.lost_password {
	color:#9aa0a9;
	background:none;
	}
	
	.register_box  a.lost_password:hover {
		color:#9aa0a9;
		background:none;
		text-decoration:underline;
		}
		
.register_box  a.register_anchor {
	color:#70bd34;
	background:none;
	}
	
.register_box  a.register_anchor:hover {
	color:#70bd34;
	background:none;
	text-decoration:underline;
	}

/* ================= 4. BOUTON ================= */


a.button_small.violet {
	background-image:url("../images/button_small_left_violet.png");
	}
	
a.button_small.violet span {
	background-image:url("../images/button_small_right_violet.png");text-shadow:0 -1px 0 #1414b2;
	}
	
a.button_small.violet span strong {
	background:url("../images/button_small_right_arrow_violet.png") no-repeat bottom;
	}
	
a.button_small.violet span strong.prev {
	background:url("../images/button_small_left_arrow_violet.png") no-repeat bottom;
	}

/* ================= 4. SLIDER ================= */

.slide_bg.cyan {
	background:#083962 url("../images/slide_bg_cyan.jpg") no-repeat center top;
	}
	
.slide_bg_bottom {
	background-image:url("../images/slide_bg.png");
	background-repeat:repeat-x;
	}
	
.slide_medium {
	margin:0 auto;
	width:1000px;
	height:300px;
	}
	
#slider_wrapper {
	width:940px;
	margin:0 auto 0 auto;
	padding:30px 0 0 0;
	}
#accordeon_slider li {
	overflow:visible !important;
	}
	
#accordeon_slider div.slider-bg {
	background:#000;
	top:143px;
	height:102px;
	width:600px;
	left:0;
	position:absolute;
	z-index:10;
	opacity:.5;
	}
	
#accordeon_slider strong {
	margin-bottom:5px;
	text-shadow:none;
	color:#fff;
	}
	
#accordeon_slider p {
	text-shadow:none;
	color:#fff;
	}
	
#accordeon_slider .slider-closed div.slider-info {
	top:143px;
	height:72px;
	left:0;
	position:absolute;
	width:65px;
	z-index:15;
	padding:15px;
	}
	
#accordeon_slider .slider-closed strong {
	font-size:18px;
	margin-bottom:5px;
	font-family: "Open Sans", sans-serif;
	}
	
#accordeon_slider .slider-closed p {
	display:none;
	font-size:11px;
	line-height:14px;
	text-shadow:none;
	color:#fff;
	margin:0 !important;
	}
	
#accordeon_slider .slider-open div.slider-info {
	top:143px;
	height:72px;
	left:0;
	position:absolute;
	width:570px;
	z-index:15;
	padding:15px;
	}
	
#accordeon_slider .slider-open strong {
	font-size:22px;
	color:#fff;
	font-family: "Open Sans", sans-serif;
	}

/* ================= 6. CONTENT ================= */

.content {
	width:940px;
	margin:0 auto;
	}
	
.col_1_2 {
	width:460px;
	float:left;
	padding:0 20px 0 0;
	}
	
.col_1_3 {
	width:300px;
	float:left;
	padding:0 20px 0 0;
	}
	
.col_1_4 {
	width:220px;
	float:left;
	padding:0 20px 0 0;
	}
	
.col_1_5 {
	width:172px;
	float:left;
	padding:0 20px 0 0;
	}
	
.col_2_4 {
	width:460px;
	float:left;
	padding:0 20px 0 0;
	}
	
.col_3_4 {
	width:700px;
	float:left;
	padding:0 20px 0 0;
	}
	
.col_3_4 .col_1_2 {
	width:340px;
	padding:0 20px 0 0;
	}
	
.col_1_2.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_2_4.last, .col_3_4.last, .col_3_4 .col_1_2.last {
	padding:0;
	}
	
.features {
	padding:14px 0 10px 0;
	}
	
.features h1 {
	font-size:19px;
	padding:0 0 10px 0;
	}
	
.features p {
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
	color:#4d4d4d;
	padding:0 0 7px 0;
	line-height:22px;
	}
	
.features a {
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
	color:#3f8312;
	font-weight:bold;
	}
	
.features a:hover {
	text-decoration:underline;
	}
.features .image {
	float:left;
	width:52px;
	padding:6px 10px 0 0;
	}
	
.features .text {
	float:left;
	width:230px;
	}
	
.features_2 h1 {
	font-size:19px;
	padding:20px 0 5px 0;
	margin:0;
	color:#30303b;
	}
	
.features_2 p {
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
	padding:5px 0 0 0;
	text-align:justify;
	color:#4d4d4d;
	line-height:22px;
	}
.testimonial_col .quotes {
	background:url("../images/quotes.png") no-repeat bottom;
	width:42px;
	height:41px;
	float:left;
	padding:2px 10px 0 0;
	}
.testimonial_col .avatar {
	width:40px;
	height:42px;
	float:left;
	padding:2px 10px 0 0;
	}
	
.testimonial_col .title {
	width:185px;
	float:left;
	padding:2px 0 0 0;
	}
	
.testimonial_col .title h1 {
	font-size:14px;
	color:#3f8312;
	padding:2px 0 0 0;
	}
		
.testimonial_col .title h2 {
	font-size:10px;
	padding:3px 0 0 0;
	}
	
.testimonial_col  p {
	font-family:Georgia;
	font-style:italic;
	font-size:12px;
	color:#7f8590;
	line-height:25px;
	padding:13px 0 0 0;
	}
		
.testimonials_in_page {
	width:245px;
	}
	
.testimonial_right {
	float:right;
	padding:10px 0  0 20px;
	}
	
.testimonial_left {
	float:left;
	padding:0 20px 20px 0;
	}
	
.testimonials_in_page .quotes {
	background:url("../images/quotes.png") no-repeat;
	width:40px;
	height:42px;
	float:left;
	padding:0 10px 0 0;
	}
	
.testimonials_in_page .avatar {
	width:40px;
	height:42px;
	float:left;
	padding:0 10px 0 0;
	}
	
.testimonials_in_page .avatar img {
	padding:0;
	}
	
.testimonials_in_page .testimonial_title {
	width:145px;
	float:left;
	height:41px;
	}
	
.testimonials_in_page .testimonial_title h1 {
	font-size:14px;
	color:#3f8312;
	padding:0;
	}
	
.testimonials_in_page .testimonial_title h2 {
	font-size:9px;
	padding:3px 0 0 0;
	}
	
.testimonials_in_page  .testimonial {
	font-style:italic;
	font-family:Georgia;
	font-size:14px;
	color:#7f8590;
	line-height:22px;
	padding:2px 0 0 0;
	}

.testimonials_in_page_2 {
	width:220px;
	}
	
.testimonials_in_page_2  .text {
	width:220px;
	float:left;
	font-family:Georgia;
	font-style:italic;
	color:#7f8590;
	font-size:14px;
	line-height:22px;
	}
	
.testimonials_in_page_2 .text strong {
	font-family: "Open Sans", sans-serif;
	font-weight:600;
	color:#3132b7;
	font-size:12px;
	}
	
.testimonials_in_page_2 .text .quotes {
	background:url("../images/testimonials_quotes.png") no-repeat 0px 4px;
	width:28px;
	height:20px;
	float:left;
	}

.testimonial_col_1_4 {
	border-bottom:1px solid #ced5e0;
	padding:20px 7px 20px 7px;
	width:205px;
	position:relative;
	z-index:2;
	}
.testimonial_col_1_4.last {
	border-bottom:0;
	}
	
.testimonial_col_1_4 .quotes {
	background:url("../images/quotes.png") no-repeat;
	width:40px;
	height:42px;
	float:left;
	padding:0 10px 0 0;
	}
	
.testimonial_col_1_4 .avatar {
	width:40px;
	height:42px;
	float:left;
	padding:0 10px 0 0;
	}
	
.testimonial_col_1_4 .title {
	width:104px;
	float:left;
	padding:10px 0 0 0;
	}
	
.testimonial_col_1_4 .title h1 {
	font-size:11px;
	color:#3f8312;
	padding:0;
	}
	
.testimonial_col_1_4 .title h2 {
	font-size:9px;
	color:#3132b7;
	padding:0;
	}
	
.testimonial_col_1_4  p {
	font-family:Georgia;
	font-style:italic;
	font-size:11px;
	font-style:italic;
	color:#7f8590;
	line-height:22px;
	padding:5px 5px 0 5px;
	}


/* ================= 7. FOOTER ================= */

.footer_bg {
	background:#2f2e39 url("../images/footer_pattern.png") repeat;
	}
.footer {
	width:940px;
	margin:0 auto;
	padding:20px 0 0 0;
	}
	
.footer .line {
	border-top:1px solid #26252c;
	border-bottom:1px solid #42424a;
	font-size:0px;
	height:0px;
	}
	
.footer .copyright {
	width:480px;
	float:left;
	color:#9aa0a9;
	font-size:11px;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	padding:15px 0 35px 2px;
	line-height:22px;
	text-shadow:0 1px 0 #000;
	font-weight:600;
	}
	
.footer .contact {
	width:456px;
	float:right;
	text-align:right;
	color:#9aa0a9;
	font-size:11px;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	padding:15px 2px 35px 0;
	line-height:22px;
	text-shadow:0 1px 0 #000;
	font-weight:600;
	}
.footer .contact a {
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	text-shadow:0 1px 0 #000;
	font-weight:600;
	}
	
.footer .white {
	font-size:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	color:#FFF;
	text-shadow:0 1px 0 #000;
	font-weight:600;
	}






